<template>
  <div id="app">

    <nav class="bottom_nav">
      <router-link to="/" tag="a">电影</router-link>
      <router-link to="videos" tag="a">小视频 </router-link>
      <router-link to="mine" tag="a">我的</router-link>
    </nav>


    <router-view />

  </div>
</template>
<script></script>


<style>
*{
  padding: 0;
  margin: 0;
}

.Top
{
  background-color :rgb(188, 54, 51);
  height: 130px;
  width: 100%;
  clear: both;
}

.title
{
  color: white;
  line-height: 130px;
  font-size: 50px;
  text-align: center;
}

.bottom_nav
{
  background-color: #fff;
  position: fixed;
  display: flex;
  flex: 1;
  width: 100%;
  bottom: 0;
  left: 0;
  overflow: auto;
  z-index: 100;
}

a{
  flex: 1;
  width: 30%;
  text-align: center;
  text-decoration: none;
  color: rgb(114, 114, 114);
  
}

a:visited{
  background-color: white;
  color: rgb(114, 114, 114);
}


</style>